<template>
  <div>
   <div class="header">
   
   <van-nav-bar
  title="CCS建荣家园"
  left-text="返回"
  right-text="更多"
  left-arrow
  @click-left="onClickLeft"
  @click-right="onClickRight"
/>
 </div> 
<div  class="pos">
<van-search
  v-model="value"
  shape="round"
  background="transparent"
  placeholder="请输入搜索关键词"
/>
</div>



<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item> <img src="../../../public/homes/wt2.webp" alt=""></van-swipe-item>
  <van-swipe-item><img src="../../../public/homes/wt1.webp" alt=""></van-swipe-item>
  <van-swipe-item><img src="../../../public/homes/wt2.webp" alt=""></van-swipe-item>
  <van-swipe-item><img src="../../../public/homes/wt3.webp" alt=""></van-swipe-item>
</van-swipe>

 <Dm/>
 <Dms/>
 <div class="jj">
  <h6>为你荐举</h6>
  <p></p>
 </div>

  <Dm6/>

<div>
  <van-tabbar v-model="active">
  <van-tabbar-item icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item icon="search">存放</van-tabbar-item>
  <van-tabbar-item icon="friends-o">消息</van-tabbar-item>
  <van-tabbar-item icon="setting-o">我的</van-tabbar-item>
</van-tabbar>
</div>




  </div>


</template>

<script>
import Dm from "../../components/homes/dome/dome4"
import Dms from "../../components/homes/dome/mode5"
import Dm6 from "../../components/homes/dome/mode6"
export default {
  components:{
  Dm,
  Dms,
  Dm6
  },

 methods: {
    onClickLeft() {
      this.$router.push("/homes")
    },
    onClickRight() {
      Toast('按钮');
    },
  },
  data() {
    return {
      active: 0,
    };
  },
}
</script>

<style lang="less" scoped>



.pos{
  position: absolute;
  z-index: 5;
  left: 17%;
  // top: 37px;
  // bottom: 0;
  // opacity: 0.7;
  // border-radius:.2rem ;
}
  .jj{

    width: 90%;
    margin: auto;
    height: .4rem;
  // font-size: .2rem;
  h6{
    font-size: .20rem;
  }
  p{
    width: .6rem;
    height: .05rem;
    background-color: blue;
    border-radius:.03rem;
    // margin-left:.05rem ;
    margin:  .05rem  .06rem;
  }

  }


 .my-swipe .van-swipe-item {
    color: #fff;
    font-size: .2rem;
    line-height: 2rem;
    text-align: center;
    background-color: #39a9ed;
    // position: relative;
    img{
      width: 100%;
      height: 2rem;
      display: block;
    }
  }
</style>